/** Add css rules here for your application. */
/*
specifies a background image
*/
.bell {
	background: url(gxt/images/icons/bell.png) no-repeat center left
	!important;
}

/*Custom css for the view port element*/
.x-viewport {
	background-color: #070;
}

/*Custom css for the loading gif*/
#loading {
	position: absolute;
	left: 45%;
	top: 40%;
	margin-left: 45px;
	padding: 2px;
	z-index: 20001;
	height: auto;
	border: 1px solid #ccc;
}
#loading a {
	color: #225588;
}
#loading .loading-indicator {
	background: white;
	color: #444;
	font: bold 13px tahoma, arial, helvetica;
	padding: 10px;
	margin: 0;
	height: auto;
}
#loading .loading-indicator img {
	margin-right:8px;
	float:left;
	vertical-align:top;
}
#loading-msg {
	font: normal 10px arial, tahoma, sans-serif;
}

.mail-item-detail {
  height: 55px;
  background-color: #ddd;
  border-bottom: 1px solid silver;
}

.mail-item-detail h1 {
  font-weight: bold;
  font-size: 12px;
  padding: 5 0 2 5px;
}

.mail-item-detail h2 {
  font-size: 11px;
  font-weight: normal;
  padding: 0 5 0 5px;
}

.mail-item-detail h3 {
  font-size: 11px;
  font-weight: normal;
  padding: 0 5 5 5px;
}

.mail-item-body {
  padding: 12px;
}